<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <title>证书</title>
    <style>
        @page {
            margin: 0;
            size: 1123px 794px;
        }

        .bg0 {
            top: 0;
            position: absolute;
            width: 1123px;
            height: 794px; /* 设置的div框的宽高*/
            background: url('img/bg.jpg') no-repeat;
            background-color: green; /* 加在url(img/demo.jpg)后面，这个颜色才有效，加在前面设置这个颜色属性无效*/
            background-size: 100% 100%

        }
    </style>
</head>
<body>
<div class="bg0">
    <div style="font-family: simsun; position: absolute;top: 100px; left: 120px">证书编号：<span >${certNo}</span></div>
    <div
         style="width:1047px;font-family: simsun;font-size: 50px; position: absolute;top: 150px;  text-align:center">
        ${certificate}
    </div>
    <div style="width:883px; font-family: simsun;font-size: 30px; position: absolute;top: 250px; left: 130px">
        <b >${name}</b><span >${content}</span>
    </div>

    <img style="height:150px; width: 150px; position: absolute; bottom: 100px ;left:  120px"
         src="${qrcode}"></img>

    <img style=" height:150px; width: 150px; position: absolute; bottom: 100px ;right:  120px"
         src="${sign}"></img>
    <div style="font-family: simsun; height:150px; white-space: nowrap; width: auto; position: absolute; bottom: 70px ;left:  740px">
        培训机构：${org}
    </div>
    <div style="font-family: simsun; height:150px;white-space: nowrap; width: auto;  position: absolute; bottom: 30px ;left:  740px">
        证书发放日期：${publishDate}
    </div>
</div>
</body>
</html>
